﻿.box1, .container {margin:auto;width:74%; /*max-width:1300px; */min-width:1240px; position: relative;}
.box2 { margin:auto; width:70%; min-width:1000px; max-width:1178px;}
.container {
}
.carousel-inner>.item>img{ width:100%;}
/* Navigations
----------------------------------------------------------------------------- */
.header{}
.header .header_box { width:80%; margin:0 auto; min-width: 1200px; padding: 15px 0;}
.logo { float:left;}
.navbar {margin-bottom: 0; height: 60px; padding-top:0;  margin-top: 15px; float:right;}
.navbar-nav{ padding-top: 0; padding-left: 0;}
.navbar-nav > li > a {padding:10px 25px;  }
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a:hover {color: #fff;}
.navbar-nav > li.active > a {color:#19b0ea; }
.navbar-nav > li  > a	{ color:#fff;  z-index: 99; font-size:16px;transition: all 0.5s; background:transition; border-radius:25px;}
.navbar-nav > li  > a:hover{ background:#19b0ea; color:#fff;}
.navbar-nav > li a.active { background:#19b0ea; color:#fff;}
/*下拉菜单*/
.subNavBox { position: absolute; left: 0px; top: 100px; width: 100%; left: 0px; background-color: #13aee9; height: 0; overflow: hidden; z-index: 99; }
.subNavBox .subNav { display: none; height: 49px; line-height: 49px;  }
.subNavBox .subNav dd a{line-height: 49px; color: #fff; font-size: 15px; display: block;}
.subNavBox .subNav dd a:hover{ color:#143270;}
.subNav .subNavList { width: 864px; margin: 0px auto; text-align: right;}
.subNav .subNavList dd { display: inline-block; padding: 0 15px; text-align: center; }
.subNavBox a:link, .subNavBox a:visited { color: #fff; }
.subNavBox a:active, .subNavBox a:hover { color: #fff; }
/*搜索*/
.search{ color:#333; position:relative; float:right; top:20px;}
.search_form{ float:left; border: 1px solid #e5e5e5; border-radius:25px; padding: 2px;}
.input-kw{float:left; width:180px; height:26px; line-height:26px; border:none; padding:0 10px; color:#ddd; font-size:12px; background: none;}
.input-btn{ float:left; background:url(../images/ss.png) no-repeat center center; width:40px; height:26px;cursor:pointer;border:0; line-height:20px;}
/*banner*/
.banner { position:relative;}
.carousel-control{height: 100%; width:15%; text-indent: -9999px; opacity: 0;}
.carousel-control.left{ background: url(../images/jt-left.png) no-repeat center center; left: 0 }
.carousel-control.right{ background: url(../images/jt-right.png) no-repeat center center;  right: 0;}
.carousel-indicators li {display: inline-block;width: 44px; height: 7px;background-color:#ebebeb; margin: 0 5px; border: 1px solid #ebebeb;}
.carousel-indicators .active {width: 44px; height: 7px; margin: 0 5px; background-color: #15afe9;border: 1px solid #15afe9;}
.carousel-indicators {bottom: 40px;}

.newswrap{background: url(../images2020/bg1.jpg) no-repeat; padding: 55px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.newswrap .container{ overflow: hidden; position:relative;}
/* 焦点图 */
.focus{width:600px;position:absolute; left:0; top:0; float:left; z-index:10}
.focus .hd{ line-height: 42px; height: 42px;font-size: 24px; margin-bottom: 20px;}
.focus .hd span{ font-size: 18px; color: #9f9f9f; padding-left: 15px; }
.fw1{width:600px;height:405px;overflow:hidden}
.fw1 img{width:600px;height:405px}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none; margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px 0;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center; position: absolute; bottom: 5px; right: 10px; z-index: 100;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;background:rgba(0,0,0, .2);background:#DDD; border-radius: 50%; display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#e44220}	
.focus li{ position: relative;}
.focus li p{ line-height: 22px; }
.focus li p a{ display: block; color: #fff; font-size: 18px; padding-right: 100px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.focus .textbox{ position: absolute; bottom: 0; left: 0; width: 100%; background: #59c2eb; padding: 10px; color: #fff; }
.focus .textbox .time{ position: absolute;  width: 70px; height: 70px; text-align: center; left: 15px; top: 20px;font-family: Arial; font-size: 12px;}
.focus .textbox .time em{ display: block; font-size: 42px; line-height: 40px; font-style: normal; }
.focus .textbox a{ font-size: 18px; color: #fff; margin-bottom: 5px; display: block;white-space: nowrap; overflow:hidden;text-overflow:ellipsis; padding-right: 150px;}


.img1 .imbox{ height:420px; position:relative;}
.img1 img {
    width: 600px;
    height: 405px;
}
/*-- news --*/
.newswarp{ margin-top: 25px; overflow: hidden;}
.myTab{ overflow: hidden; width:100%; padding-left:645px; position: relative;}
.news{ margin-bottom: 25px; overflow: hidden;}
.news-tabs { position: relative;border-bottom:0; float: right; margin-bottom: 20px; height: 42px;margin-top:0; }
.news-tabs  li {text-align: center;  background: #fff; color:#183883; margin-left: 20px; height: 42px; line-height: 42px; width:auto;}
.news-tabs  li  a{ padding: 0 15px; border:none; line-height:40px; background: transparent; font-size: 16px;}
.news-tabs  li.active {background:#13ade9; }
.news-tabs  li.active a{color: #fff;}
.newsbox .more{ position: absolute; right:30px; top:0px; line-height: 42px;} 
.newsbox .more a{ color: #0a3f89}
.tab-list { }
.tab-list  li {width: 100%; padding-right:10px ; overflow: hidden; position: relative;  overflow:hidden; background: url(../images/dot.png) no-repeat 5px center; padding-left: 15px; border-bottom: 1px dotted #eee;padding:0}
.tab-list  li a{ overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block; line-height:46px; font-size: 16px; padding-left:20px;    padding-right: 160px; }
.tab-list .hot{ position:relative; margin-bottom: 15px; border-bottom: none; padding-left: 0; background: #f0f0f2; padding: 25px; padding-right: 150px; min-height:178px;}
.tab-list .hot a{ color: #da251d; font-size:22px; line-height:35px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ddd; padding-bottom: 10px; display: block; margin-bottom: 10px; font-weight:bold; padding-left:0; padding-right:0}
.tab-list .hot p{line-height: 24px; color: #636363; }
.tab-list .hot img{ display: block; float: left; width: 169px; height: 113px; padding-right: 20px;}
.tab-list .hot .time{ position: absolute;  width: 70px; height: 70px; text-align: center; right: 10px; top: 35px;color: #9b9ba8; font-family: Arial; font-size: 12px;}
.tab-list .hot .time em{ display: block; font-size: 42px; line-height: 40px; font-style: normal; }
.tab-list  li span{ position: absolute; top: 0; right: 0; line-height:40px;}
.tab-pane .mores{ text-align: right;}
.tab-pane .mores a{ display: inline-block; color: #153270; font-size: 14px; text-transform: uppercase; width: 159px; height: 37px; line-height: 37px;}
.tab-pane .mores a:hover{ color: #00B9FF;}


/*tab*/	
.hidden{display:none;}
/*产业布局*/
.industry{ padding:55px 0 60px;}
.cyTitle{ text-align: center; margin-bottom: 10px; }
.cyTitle h3{font-size: 24px; }
.cyTitle .enT{ display: block; width: 100%; height: 27px; background: url(../images2020/cytitle.png) no-repeat center center; margin: 15px auto;}
.cyTitle .line{ width: 40px; height: 1px; border-top: 1px solid #555; margin: 15px auto; display: block;}
.ix2{ margin-top: 25px;position: relative;z-index: 9;padding: 0 ; background: #fff;}
.ix-pro li{ float: left; position: relative; width: 14%; overflow: hidden; border-right: 5px solid #fff;}
.ix-pro li:nth-child(3){ width: 30%; }
.ix-pro a{ color: #fff; }
.ix-pro .pic2{ height: 473px; }
.ix-pro .pic2:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .1); -webkit-transition: 600ms; transition: 600ms; }
.ix-pro .txts{ position: absolute; left: 0; top: 0; width: 100%; }
.ix-pro .pa{ padding: 265px 50px 0 30px; }
.ix-pro .ico{ height: 70px; background-position: left bottom; width:70px; display:block }
.ix-pro .ch{ margin-top: 5px; font-size: 18px; }
.ix-pro .en{ margin-top: 0; font-size: 12px; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1;  -webkit-transition: 600ms; transition: 600ms; text-transform:uppercase;}
.ix-pro .tx{ line-height:24px; margin-bottom:5px; margin-top: 75px; height: auto; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.ip-aw{ display: inline-block; vertical-align: bottom; position: relative; width: 50%; height: 24px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.ip-aw .line{ height: 1px; margin: 10px 38px 0 0; background: #fff; background: rgba(255, 255, 255, .6); display:block; }

.aico{ display: block; background: url('../images2020/aicos.png'); }
.ix-pro li.act .pa{ padding-top:100px}
.ix-pro li.act .ch{ font-size: 24px; }
.ix-pro li.act .en{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.ix-pro li.act .tx{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.ix-pro li.act .ip-aw{ width: 100%; opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; } 
.ix-pro li.act .pic2:after{ background: rgba(0, 0, 0, .1); }
.ix-pro .pic2 img{ display: none; }
.nowti{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4; }
.it-aw{ width: 19px; height: 20px; background-position: -100px -100px; border: 2px solid #999; }
.it-aw-2{ border-color: #fff; background-position: -82px -102px; }
.ip-aw .it-aw{ position: absolute; top: 0; right: 0; }

/*底部菜单*/
.footer{background: url(../images2020/ftbg.jpg) no-repeat center top; padding: 15px 0 0;border-top: 3px solid #283b64;}
.menu{ padding: 40px 0; overflow: hidden;  }
.menu .home{ float: left; width: 12%; margin-top: 70px; text-align: center; background: url(../images2020/icon-home.png) no-repeat center top; padding-top: 55px; ccolor: #153270;}
.menu .home span{ display: block; }
.menu .home a{ color: #153270;}
.foot-menu { width: 56%; min-width: 640px; margin-right:2%; float: left;  padding: 0 30px 0 40px; min-height: 245px; border-left: 1px solid #d2d2d2; margin-left: -1px;border-right: 1px solid #d2d2d2; }
.foot-menu dl { float:left; width:19%; margin:0; padding:0; list-style:none; padding-left: 30px;}
.foot-menu dl dt {font-weight: normal;  font-size: 16px;line-height: 24px; color: #2a2a2a;}
.foot-menu dl dt.m1{ background-position: 0 0;}
.foot-menu dl dt.m2{ background-position: 0 -48px;}
.foot-menu dl dt.m3{ background-position: 0 -96px;}
.foot-menu dl dt.m4{ background-position: 0 -144px;}
.foot-menu dl dt.m5{ background-position: 0 -192px;}
.foot-menu dl dt.m6{ background-position: 0 -240px;}
.foot-menu dl dd a{   display: block; line-height: 32px; color: #6d6d6d;}
.foot-menu dl dd a:hover{ color: #19b0ea; text-decoration: underline;}

.copyright2020{ font-size: 14px; color: #d2d4d8; float: left;width: 60%; padding: 20px 0;  padding-left: 45px;}
.copyright2020 ul li{ line-height: 25px; background: url(../images2020/icon-1.png) no-repeat; padding-left: 20px;}
.copyright2020 ul li.c1{background-position: 0 5px;}
.copyright2020 ul li.c2{background-position: 0 -21px;}
.copyright2020 ul li.c3{background-position: 0 -46px;}
.copyright2020 ul li.c4{background-position: 0 -70px;}
.copyright2020 ul li a{color:#d2d4d8;}
.links{ float: right; margin: 35px 0 0 0;color: #455065; width: 30%;}
.links span{ display: inline-block; margin-left: 15px; margin-right: 15px;}
.links span a{ display: inline-block; font-size: 16px; color: #fff; line-height: 33px; padding-left: 45px;}
.links span.oa{ background: url(../images2020/f01.png) no-repeat;}
.links span.email{ background: url(../images2020/f02.png) no-repeat;}
.wxbox{ float: left; width:29%; text-align: center; padding-left:10px ; height: 246px; padding-top: 10px; color:#555;}
.wxbox img{ width:140px; height:140px;}
.wxbox .wb , .wxbox .wx{ float:left; width:45%;}

.wrap{ display: block; width: 100%;position: relative;overflow-x: hidden;}
.wrap_head{ display:block; width:100%; height: 90px;
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.head_con{ display:block; width:1200px; height: 90px;  margin: 0px auto; position: relative; z-index: 2; }
.head_con .logo a{ display:block; height: 46px; width: 289px; position: absolute; left: 0px; top: 22px; padding:0;}
.head_con .logo h1{ display:block; height: 46px; width: 289px; background: url(../images2020/logo2024_hover.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}

.daixiaorui{margin-bottom:2px;}
/*下拉导航*/
.menu_list{ display: block; height:72px; position: absolute; right: 18%; top: 15px; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.menu_list .menu_item{ display: block; height:72px; float: left; padding:0 36px;/* position: relative;*/}
.menu_list .menu_item .txt{ display: block; height:72px; line-height: 72px; font-size: 16px; color: #fff; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #194ac3; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #194ac3; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item.menu_item_lan{ display:none;}
.menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 145px; position: absolute; left: -36px; top: 0px; z-index: 1;}

.sub_list{display: none; position: absolute;/* width:160px;left: 50%; margin-left: -80px;*/width:auto;left: 0; right:0;   text-align: center; z-index: 2; }
.sub_list li{ float:left; border-left:1px solid #ddd; padding:0 15px;}
.sub_list li a{ display: block; font-size: 15px; color: #2b2e2e; opacity: 0.7; padding: 0 ;}
.sub_list li a:hover{ opacity: 1; border-bottom:2px solid #ff0000;}
.sub_list li:first-child a{border-left:0;}
.sub_list.zjwt li{ float:left;}
.sub_list.zjwt{ left: 10%; display: block; padding-left: 20px;}
.head_white{background: #fff;}

/*../images2020/logo2020_hover.png*/
.submenu_show .logo h1,.head_white .logo h1{ background-image: url(../images2020/logo2024.png);background-size: 100% 100%;height: 46px; width: 289px; }
.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #2b2e2e;}
.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 676px; background: #f6f6f6; }
.submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
.submenu_show.search_area_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #2b2e2e;}
.submenu_show .search_area .search_icon,.head_white .search_area .search_icon{ background-image:url(../img/index/icon_search_hover.png);}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}
.submenu_show .bg_hover{ display:block !important; width: 100%; height: 145px; background:rgba(255,255,255,1); z-index: 1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_show .menu_list .menu_item .menu_hook{ }
.submenu_hide,.sublist_hide{ pointer-events:none;} 
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}


.ix-pro li:nth-child(1) .pic2:after{ background: rgba(135, 115, 74, .75); }
.ix-pro li:nth-child(2) .pic2:after{background: rgba(2, 14, 80, .5);}
.ix-pro li:nth-child(3) .pic2:after{ background: rgba(2, 49, 31, .6); }
.ix-pro li:nth-child(4) .pic2:after{ background: rgba(38, 146, 217, .35); }
.ix-pro li:nth-child(5) .pic2:after{ background: rgba(223, 100, 33, .4); }
.ix-pro li:nth-child(6) .pic2:after{ background: rgba(148,190,80,.4); }
.ix-pro li.act .ch{ font-size: 24px; }
.ix-pro li.act .en{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.ix-pro li.act .tx{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.ix-pro li.act .ip-aw{ width: 100%; opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; } 
.ix-pro li.act .pic2:after{ background: rgba(0, 0, 0, .1); }
.ix-pro li.act:nth-child(1) .pic2:after{ background: rgba(135, 115, 74, .3); }
.ix-pro li.act:nth-child(2) .pic2:after{ background: rgba(2, 14, 80, .1); }
.ix-pro li.act:nth-child(3) .pic2:after{ background: rgba(2, 49, 31, .1); }
.ix-pro li.act:nth-child(4) .pic2:after{ background: rgba(38, 146, 217, .1); }
.ix-pro li.act:nth-child(5) .pic2:after{ background: rgba(223, 100, 33, .1); }
.ix-pro li.act:nth-child(6) .pic2:after{ background: rgba(148,190,80,.1); }


@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}












@media screen and (max-width: 1700px) {
	.box1, .container{ width:77%}
	.news-tabs li a {
		padding: 0 12px;
	}
}	
	
@media screen and (max-width: 1600px) {
	.box1, .container{ width:80%}
	.navbar-nav > li > a {
		padding: 10px 20px;
	}	
	.input-kw{ width:150px;}	
	.news-tabs li a {
		padding: 0 12px;	
	}
	.menu_list .menu_item{
		    padding: 0 25px;
	}
	.sub_list li a{
		    padding: 0;
	}
	.sub_list.zjwt {
    left: 0;
    display: block;
    padding-left: 0;
	}
}





